﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ZXMOBIWEB.Default" %>
<!DOCTYPE html>
<html>
<head>
    <title>ZXCRM</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Pragma" content="no-cache">
    <link rel="stylesheet" type="text/css" href="Themes/jq.ui.css" title="default" />
    <link rel="stylesheet" type="text/css" href="Themes/icons.css" />
    <link rel="stylesheet" type="text/css" href="Themes/jq.ui.carbon.css" title="carbon"
        disabled='true' />
    <link rel="stylesheet" type="text/css" href="Themes/jq.ui.eco.css" title="eco"
        disabled='true' />
    <link rel="stylesheet" type="text/css" href="Themes/jq.ui.frosty.css" title="frosty"
        disabled='true' />
    <link rel="stylesheet" type="text/css" href="Themes/jq.ui.slate.css" title="slate"
        disabled='true' />
    <link rel="stylesheet" type="text/css" href="Themes/jq.ui.volcano.css" title="volcano"
        disabled='true' />
    <style type="text/css">
        #prey,#prem,#nextm,#nexty,#labdate{ display:inline-block;width:20%;line-height:30px;text-align:center; font-size:x-large;}
        #biaoge
        {
            width: 100%;
            margin: 1px 1px 1px 1px;
        }
        #biaoge li, #biaoge li.biaotou 
        {
            list-style-type: none;
            width: 14%;
            height: 40px;
            line-height: 20px;
            text-align: center;
            float: left;
            margin-left: 1px;
            margin-bottom: 1px;
            
        }
        #biaoge li.biaotou
        {
            height: 24px;
            background:gray;
        }
        .libackcolor
        {
            background:green;
            color:red;
        }
        .lihascalendar
        {
            background:#0071bd;
            color:red;
        }
        .pclass
        {
            width:33%; 
            display:inline-block;
        }
    </style>
    <style>
        .scrollBar
        {
            background: white;
        }
        
        h3
        {
            text-align: center;
            font-size: 35px;
        }
        ul.iconLinks li
        {
            font-size: 12px;
            font-weight: normal;
        }
        .listbutton
        {
            display: block;
            border: 1px solid black;
            color: black;
            background: orange;
            border-radius: 5px;
            width: 80%;
            text-decoration: none;
            text-align: center;
            margin: auto;
            margin-bottom: 10px;
            height: 30px;
            line-height: 30px;
        }
        .class16
        {
            background: green;
            color: red;
        }
        .jqmscrollBar
        {
            background: white !important;
        }
        h5
        {
            display: block;
            width: 100%;
            height: 30px;
            font-family: 'Eurostile-Bold' , Eurostile, Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 1px;
            line-height: 30px;
            padding: 0px 8px 0px 8px;
            color: #fff;
            background: #39424b;
        }
        /* Header class used for non-navigable header bars (h1 is reserved for the header) */
        .h5collapsed:after
        {
            content: url("Themes/images/collapse.png");
            position: relative;
            top: 5px;
            left: 20px;
        }
        .h5expanded:after
        {
            content: url("Themes/images/expand.png");
            position: relative;
            top: 5px;
            left: 20px;
        }
    </style>
    <script type="text/javascript" charset="utf-8" src="./Javascript/jq.mobi.js"></script>
    <script>
        function unloadedPanel(what)
        {
            console.log("unloaded " + what.id);
        }
        if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window))
        {
            var script = document.createElement("script");
            script.src = "Javascript/touch.js";
            var tag = $("head").append(script);
            $.os.android = true; //let's make it run like an android device
            $.os.desktop = true;
        }
        var oldElem = "default";
        function setActiveStyleSheet(title)
        {
            var a = document.getElementsByTagName("link");
            var currElem;

            if (title == oldElem.getAttribute("title") || oldElem == "default")
                return;
            for (i = 0; i < a.length; i++)
            {

                if (a[i].getAttribute("title") == title)
                {
                    currElem = a[i];
                }
                else if (!a[i].getAttribute("disabled") && a[i].getAttribute("title"))
                    oldElem = a[i];
            }

            currElem.removeAttribute("disabled");
            jq.ui.showMask();
            window.setTimeout(function ()
            {
                jq.ui.hideMask();
                oldElem.setAttribute("disabled", "true");
            }, 500);
        }
        $(document).ready(function ()
        {
            oldElem = document.getElementsByTagName("link")[0];
        });

</script>
</head>
<body>
    <div id="jQUi">
        <!-- this is the splashscreen you see. -->
        <div id="splashscreen" class='ui-loader'>
            欢迎登陆中旭CRM系统手机版！
            <br>
            <br>
            <span class='ui-icon ui-icon-loading spin'></span>
            <h1>
                正在登陆，请稍候...</h1>
        </div>
        <div id="header">
         <a href="javascript:$.ui.toggleSideMenu();" class="button" style="float:right; display:inline-block;">导航</a>
         <a href="javascript:funSave();" id="abtnadd" class="button"  style="float:right; display:inline-block; visibility:hidden;">保存</a>
        </div>
        <div id="content"><input type="hidden" id="hiduserid" value=""/>
            <div title='ZX-CRM' id="main" class="panel" selected="true" data-load="loadedPanel"
                data-unload="unloadedPanel" data-tab="navbar_home">
                <h2 class='expanded' onclick='showHide(this,"main_info");'>
                    欢迎使用中旭移动版 CRM</h2>
                <p id='main_info'>
                    移动版CRM致力于实现PC版的所有功能，方便中旭伙伴随时随地办公，为实现中旭所有业务移动互联打下坚实的基础。</p>
                <ul>
                    <li><a href="#daiban">待办事宜</a></li>
                    <li><a href="#mymessage">我的消息</a></li>
                    <li><a href="#sysnotice">系统公告</a></li>
                </ul>
            </div>
            <!-- ------------------------------------------ -->
            <div title="定位" id="jqm" class="panel" data-nav="menu_jqmobi">
                <h2 class='expanded' onclick='showHide(this,"jqmobi_info");'>
                    系统定位</h2>
                <p id='jqmobi_info'>
                    利用jqMobi技术，实现移动办公.</p>
                <br />
                <br />
            </div>
            <!-- ------------------------------------------ -->
            <!-- ------------------------------------------ -->
            <!-- jqUi -->
            <div title="界面" id="jqmui" class="panel" data-footer='footerui' data-tab="navbar_ui">
                <h2 class='expanded' onclick='showHide(this,"jqui_info");'>
                    界面</h2>
                <p id='jqui_info'>
                    jqUi is AppMobi's User Interface/User Experience library for mobile applications.
                    It uses HTML5 and CSS3 for animations and transitions.<br />
                    We built the kitchen sink using jqUi. It is comprised of components from the jqPlugins
                    library and additional features.
                    <br>
                    * Fixed navigation bar<br>
                    * Auto scrolling content panels<br>
                    * Optional footer to segment your application<br>
                </p>
                <ul>
                    <li><a href="#jqmtransitions">Transitions</a></li>
                </ul>
            </div>
            <!-- ------------------------------------------ -->
            <!-- jqPlugins -->
            <div title="设置" id="jqmweb" class="panel">
                <h2 class='expanded' onclick='showHide(this,"jqweb_info");'>设置</h2>
                <ul>
                    <li><a href="javascript:unload();" >退出登录</a></li>
                </ul>
                <br />
                <br />
            </div>
            <div title="讲师行程" id="jqmxingcheng" class="panel"  data-tab="navbar_ui">
                <h2 class='expanded' onclick='showHide(this,"jqui_info");'>
                    讲师行程说明</h2>
                <p id='P1'>
                    包括行程列表及总结明细，行程列表将以日历控件的形式展示，每个日期单元格中加载相应的信息，点击每个单元格将进入总结明细页面.
                    <br>
                    * 进入总结明细填写每次行程的总结<br>
                    <br>
                </p>
                <ul>
                    <li><a href="javascript:;" onclick="loadCaltrans();" data-transition="flip">行程列表</a></li>
                </ul>
            </div>
            <div title="行程列表" id="jqmxingchengbiao" class="panel" data-footer='FooterDateTran' scrolling="no">
                <div id="swiper"><input type="hidden" id="hiddatas" /><input type="hidden" id="hiddatesel" value=""/><input type="hidden" id="hdffirst" value=""/>
                    <a id="prey" data-persist-ajax="true" data-refresh-ajax="true" onclick="ChangeYM('prey')"><<</a><a id="prem" data-persist-ajax="true" data-refresh-ajax="true" onclick="ChangeYM('prem')"><</a><a id="labdate"></a><a id="nextm" onclick="ChangeYM('nextm')">  ></a><a id="nexty" onclick="ChangeYM('nexty')">>></a>
                    <ul id="biaoge">
                        <li class="biaotou">星期天</li>
                        <li class="biaotou">星期一</li>
                        <li class="biaotou">星期二</li>
                        <li class="biaotou">星期三</li>
                        <li class="biaotou">星期四</li>
                        <li class="biaotou">星期五</li>
                        <li class="biaotou">星期六</li>
                        <li id="lid1"></li>
                        <li id="lid2"></li>
                        <li id="lid3"></li>
                        <li id="lid4"></li>
                        <li id="lid5"></li>
                        <li id="lid6"></li>
                        <li id="lid7"></li>
                        <li id="lid8"></li>
                        <li id="lid9"></li>
                        <li id="lid10"></li>
                        <li id="lid11"></li>
                        <li id="lid12"></li>
                        <li id="lid13"></li>
                        <li id="lid14"></li>
                        <li id="lid15"></li>
                        <li id="lid16"></li>
                        <li id="lid17"></li>
                        <li id="lid18"></li>
                        <li id="lid19"></li>
                        <li id="lid20"></li>
                        <li id="lid21"></li>
                        <li id="lid22"></li>
                        <li id="lid23"></li>
                        <li id="lid24"></li>
                        <li id="lid25"></li>
                        <li id="lid26"></li>
                        <li id="lid27"></li>
                        <li id="lid28"></li>
                        <li id="lid29"></li>
                        <li id="lid30"></li>
                        <li id="lid31"></li>
                        <li id="lid32"></li>
                        <li id="lid33"></li>
                        <li id="lid34"></li>
                        <li id="lid35"></li>
                        <li id="lid36"></li>
                        <li id="lid37"></li>
                        <li id="lid38"></li>
                        <li id="lid39"></li>
                        <li id="lid40"></li>
                        <li id="lid41"></li>
                        <li id="lid42"></li>
                    </ul>
                </div>
            </div>
            <div id="trasummary" title="行程总结" class="panel" data-footer='FooterDateTran'>
                <h5 id="h2dingdan" class='h5expanded' onclick='h5showHide(this,"dingdanxinxi");'>
                    订单信息</h5><input type="hidden" id="tshdsumid" />
                <fieldset id="dingdanxinxi" ><input type="hidden" id="tshdtype"/>
                    讲场类型  <label id="labchangtype"></label><input type="hidden" id="tshdthodometerid"  />
                    <br />订单编号<input type="hidden" id="tshdordercode" />
                    <input type="text" id="tsordercode" readonly="readonly" class='jq-ui-forms-readonly' /><br />
                    客户编码
                    <input type="text" id="tsCustomerCode" readonly="readonly" class='jq-ui-forms-readonly' /><br />
                    客户名称
                    <input type="text" id="tsCustomerName" readonly="readonly" class='jq-ui-forms-readonly' /><br />
                    信息专员
                    <input type="text" id="tsUsername" readonly="readonly" class='jq-ui-forms-readonly' /><br />
                    行销顾问
                    <input type="text" id="tsSaleName" readonly="readonly" class='jq-ui-forms-readonly' /><br />
                    所属行业
                    <input type="text" id="tsTradename" readonly="readonly" class='jq-ui-forms-readonly' /><br />
                    预计上大课地点
                    <input type="text" id="tsExplain" class='jq-ui-forms' /><br />
                    预计上大课时间
                    <input type="text" id="tsClassExplain" class='jq-ui-forms' /><br />
                    所属公司 
                    <span>
                        <select id="tsDepartment" class='jq-ui-forms'>
                        </select>
                    </span>
                    <br />
                    <br />
                    JWX指标 <span>
                        <select id="tsDdlJWX" class='jq-ui-forms'>
                            <option value='A3D1AB00-8BEC-4D2C-9F10-E9DE1DAE4995'>企业管理的问题度</option>
                            <option value='7EC9D418-F449-4C4A-9F4F-3E6553D07EAC'>对公司或知识体系的接受度</option>
                            <option value='CDD95A5D-51C3-4CEA-93D7-01AB3CE81D32'>学习重视度</option>
                        </select>
                    </span>
                    <br />
                    <br />
                    <label style="width:30%;  display:inline-block;">是否有效场</label>
                    <p  class="pclass">
                        <input type="radio" value="1" id="tseffect1" name="tseffect" class="jq-ui-forms" /><label
                            for="yes">是</label></p>
                    <p class="pclass">
                        <input type="radio" value="0" id="tseffect0" name="tseffect" class="jq-ui-forms" /><label
                            for="no">否</label></p>
                    <label style="width:30%; display:inline-block;">是否标准场</label>
                    <p class="pclass">
                        <input type="radio" value="1" id="tsstander1" name="tsstander" class="jq-ui-forms" /><label
                            for="yes">是</label></p>
                    <p class="pclass">
                        <input type="radio" value="0" id="tsstander0" name="tsstander" class="jq-ui-forms" /><label
                            for="no">否</label></p>
                    <label style="width:30%; display:inline-block;">是否成交场</label>    
                    <p class="pclass">
                        <input type="radio" value="1" id="tssuccess1" name="tssuccess" class="jq-ui-forms" /><label
                            for="yes">是</label></p>
                    <p class="pclass">
                        <input type="radio" value="0" id="tssuccess0" name="tssuccess" class="jq-ui-forms" /><label
                            for="no">否</label></p>
                    <label style="width:30%; display:inline-block;">是否上课场</label>
                    <p class="pclass">
                        <input type="radio" value="1" id="tscourse1" name="tscourse" class="jq-ui-forms" /><label
                            for="yes">是</label></p>
                    <p class="pclass">
                        <input type="radio" value="0" id="tscourse0" name="tscourse" class="jq-ui-forms" /><label
                            for="no">否</label></p>
                </fieldset>
                <h5 id="h2juece" class='h5expanded' onclick='h5showHide(this,"juecerenxinxi");'>
                    决策人信息</h5>
                <fieldset id="juecerenxinxi">
                    <label style="width:30%; display:inline-block;">生日类型</label>
                    <p class="pclass">
                        <input type="radio" value="0" id="tsbirthdaytype1" name="tsbirthdaytype" class="jq-ui-forms" /><label
                            for="yes">阴历</label></p>
                    <p class="pclass">
                        <input type="radio" value="1" id="tsbirthdaytype0" name="tsbirthdaytype" class="jq-ui-forms" checked="checked" /><label
                            for="no">阳历</label></p><br />
                    生日
                    <input type="text" id="tsbirthday" class='jq-ui-forms' /><br />
                    籍贯
                    <input type="text" id="tsHomeplace" class='jq-ui-forms' /><br />
                    性格
                    <input type="text" id="tsCharacter" class='jq-ui-forms' /><br />
                    学历
                    <input type="text" id="tsSchoolScientifc" class='jq-ui-forms' /><br />
                    <label for="web">
                        荣誉</label>
                    <textarea id="tsCredit" name="web" class='jq-ui-forms'></textarea><br />
                    <label for="web">
                        个人创业史</label>
                    <textarea id="tsPullulation" name="web" class='jq-ui-forms'></textarea><br />
                </fieldset>
                <h5 id="h2qiye" class='h5expanded' onclick='h5showHide(this,"qiyexinxi");'>
                    企业信息</h5>
                <fieldset id="qiyexinxi">
                    成立日期
                    <input type="text" id="tsCompanyCreateDate" class='jq-ui-forms' /><br />
                    员工人数
                    <input type="text" id="tsPersonSum" class='jq-ui-forms' /><br />
                    高层人数
                    <input type="text" id="tsHighPersonsum" class='jq-ui-forms' /><br />
                    基层人数
                    <input type="text" id="tsBelowPersonsum" class='jq-ui-forms' /><br />
                    中层人数
                    <input type="text" id="tsMiddlePersonsum" class='jq-ui-forms' /><br />
                    产值(千万)
                    <input type="text" id="tsProductSum" class='jq-ui-forms' /><br />
                    <label for="web">
                        企业痛苦点</label>
                    <textarea id="tsPainful" name="web" class='jq-ui-forms'></textarea><br />
                    <label for="web">
                        企业发展史</label>
                    <textarea id="tsCustomerPhylogeny" name="web" class='jq-ui-forms'></textarea><br />
                </fieldset>
                <h5 id="h2chengjiao" class='h5expanded' onclick='h5showHide(this,"chengjiaoxinxi");'>
                    成交信息</h5>
                <fieldset id="chengjiaoxinxi">
                    <label for="web">
                        成交原因及过程</label>
                    <textarea id="tsBargainReason" name="web" class='jq-ui-forms'></textarea><br />
                    <label for="web">
                        成交中遇到的抗拒点</label>
                    <textarea id="tsBargainDispute" name="web" class='jq-ui-forms'></textarea><br />
                    <label for="web">
                        对客户的承诺</label>
                    <textarea id="tsCustomerPromis" name="web" class='jq-ui-forms'></textarea><br />
                </fieldset>
                <br />
                <br />
                <br />
                <br />
                <br />
            </div>

            <div title="日行程" id="DateTransContent" class="panel" data-footer='FooterDateTran'>
                <input type="hidden" id="hdfymd" value="" />
                <h2 id="h2ymd"></h2>
                <fieldset>
                <legend>上午</legend>
                <div id="divshangwu"></div>
                </fieldset>
                <fieldset>
                <legend>下午</legend>
                <div id="divxiawu"></div>
                </fieldset>
                <fieldset>
                <legend>晚上</legend>
                <div id="divwanshang"></div>
                </fieldset>
            </div>
        </div>
        <div id="navbar">
            <div class="horzRule">
            </div>
            <a href="#main" id='navbar_home' class='icon home'>首页</a> 
            <a href="#jqm" id='navbar_js'  class="icon target">定位</a> 
            <a href="#jqmxingcheng" id='navbar_ui' class="icon picture">讲师行程</a>
            <a href="#jqmweb" id='navbar_plugins' class="icon key">设置</a>
        </div>
        <footer id='FooterDateTran'>
	    <div class="horzRule"></div>
          <a href="#main" id='navbar_home' class='icon home' >首页 </a>
          <a href="#jqmxingchengbiao" id='navbar_month' class="icon calendar" >月视图</a>
	      <a href="javascript:loadtrans();"  id='navbar_tra'  class="icon paper" >日行程</a>
	      <a href="javascript:showChangci();"  id='navbar_sum'  class="icon folder" >日总结</a>
        </footer>
<nav>
   <div class='title'>首页</div>
   <ul>
      <li><a href="#jqmxingcheng">讲师行程</a></li>
   </ul>
   <div class='title'>客户管理</div>
     <ul>
	   <li><a href="#" >公海管理</a></li>
	   <li><a href="#" >私海管理</a></li>
	   <li><a href="#"  >客户信息</a></li>
	  </ul>
    <div class='title'>销售管理</div>
     <ul>
	   <li> <a href="#"  >产品管理</a></li>
	   <li><a href="#" >订单管理</a></li>
	   <li><a href="#"  >缴款单管理</a></li>
	  </ul>
	 <div class='title'>菜单设置</div>
     <ul>
	   <li> <a href="javascript:;" onclick="$.ui.toggleSideMenu()"  >隐藏/显示导航</a></li>
	   <li> <a href="javascript:;" onclick="$.ui.toggleNavMenu()"  >隐藏/显示脚部</a></li>
	  </ul>
      <div class="title">样式切换</div>
      <ul>
        <li><a href="javascript:;" onclick="setActiveStyleSheet('default')">默认</a></li>
        <li><a href="javascript:;" onclick="setActiveStyleSheet('carbon')">灰色</a></li>
        <li><a href="javascript:;" onclick="setActiveStyleSheet('eco')">生态</a></li>
        <li><a href="javascript:;" onclick="setActiveStyleSheet('frosty')">冷水</a></li>
        <li><a href="javascript:;" onclick="setActiveStyleSheet('slate')">石板</a></li>
        <li><a href="javascript:;" onclick="setActiveStyleSheet('volcano')">火山</a></li>
      </ul>
</nav>
    </div>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.swipe.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.template.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.carousel.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.css3animate.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.drawer.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.passwordBox.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.scroller.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.shake.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.selectBox.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.alphatable.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.actionsheet.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/plugins/jq.popup.js"></script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/jq.ui.js"></script>
    <script type="text/javascript">
        //只取一个URL参数：
        var queryString = function (key)
        {
            return (document.location.search.match(new RegExp("(?:^\\?|&)" + key + "=(.*?)(?=&|$)")) || ['', null])[1];
        }
        /* This function runs once the page is loaded, but appMobi is not yet active */
        var webRoot = "./ProcTeacher/";
        $.ui.autoLaunch = false;
        var init = function ()
        {
            $.ui.backButtonText = "返回";
            $.ui.launch();
            $("#hiduserid").val(queryString("SID"));
            //window.setTimeout(function () { $.ui.launch(); }, 1500);
            //$.ui.removeFooterMenu(); This would remove the bottom nav menu
        };

        document.addEventListener("DOMContentLoaded", init, false);
        $.ui.ready(function () { console.log('ready'); });

        /* This code prevents users from dragging the page */
        var preventDefaultScroll = function (event)
        {
            event.preventDefault();
            window.scroll(0, 0);
            return false;
        };

        document.addEventListener('touchmove', preventDefaultScroll, false);

        /* This code is used to run as soon as appMobi activates */
        var onDeviceReady = function ()
        {
            AppMobi.device.setRotateOrientation("portrait");
            AppMobi.device.setAutoRotate(false);
            webRoot = AppMobi.webRoot + "Themes/";
            //hide splash screen
            AppMobi.device.hideSplashScreen();

        };
        document.addEventListener("appMobi.device.ready", onDeviceReady, false);
</script>
    <script type="text/javascript" charset="utf-8" src="./Javascript/Default.js"></script>
</body>
</html>
